<template>
    <div class="TaskWarp" :class="{teachDivMain:BeginTeaching}">
        <div class="divMain ZhuGuan" @click.stop>
            <div class="divTitle">
                <h2>{{Questions.child.QuestionRemark}}</h2>
            </div>
            <div class="tigan" v-html="Questions.child.stem[0].StemContent"></div>
        </div>
        <div class="Close" v-show="!BeginTeaching">
            <i class="el-icon el-icon-close"></i>
        </div>
    </div>
</template>

<script>
    import {mapGetters, mapActions} from 'vuex'
    export default {
        name: "DanXuan",
        props: ["Questions"],
        computed: mapGetters([
            'divContentTop',
            'BeginTeaching'
        ]),
        methods: {},
        mounted() {
            $('.tigan').height(parseFloat($('.ZhuGuan').height())-80)
            window.onresize=function () {
                $('.tigan').height(parseFloat($('.ZhuGuan').height())-80)
            }
            $('.ZhuGuan img').each(function () {
                $(this).upImgSrc()
            })
        },
        data () {
            return {
            }
        }
    }


</script>

<style lang="scss" rel="stylesheet/scss">
    .DanXuanOpts {
        display: inline;
        height: 100%;
        p {
            display: inline;
        }
    }
</style>
<style lang="scss" rel="stylesheet/scss" scoped>
    @import '../../../assets/css/public.scss';

    .TaskWarp {
        height: 90%;
        width: 90%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        .divMain {
            position: absolute;
            overflow: hidden;
            height: 100%;
            width: 100%;
            .divTitle {
                height: 80px;
                background: #fff;
                position: relative;
                box-shadow: 0 10px 20px 2px rgba(197, 208, 218, 0.8);
                h2 {
                    font-size: 20px;
                    line-height: 80px;
                    color: #56545A;
                }
            }
            .tigan {
                font-size: 24px;
                background: #fff;
                line-height: 2em;
            }
            .current span {
                color: #666;
            }
        }
    }

</style>
